<?php //echo count($this->items);exit; ?>
<?php $path = JURI::root()."components/com_webteam"; ?>
<!--<link rel="stylesheet" href="<?php //echo $path;?>/assets/css/jquery.mCustomScrollbar.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="<?php //echo $path;?>/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
			
(function($){
			$(window).load(function(){
				
				$("#p_nested").mCustomScrollbar({
					axis:"yx",
					theme:"3d",
					scrollInertia:550,
					scrollbarPosition:"outside"
				});
				
			});
		})(jQuery);
</script>-->
<?php
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
//$link1 = JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=');
?>
<div class="wrap_portfolio">

<div class="span3 wpl">
<h1 class="upcomming">portfolio</h1>
<h5 class="project">An overview of our recent projects</h5>
<h3 class="filter_p">Filter by project type:</h3>
<ul class="menu_project">
	<li class="current"><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=10'); ?>">Website Design</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=11'); ?>">CRM & POS</a></li>
	<!--<li class="msub msub1">- WMC Group Website</li>
	<li class="msub msub1">- LinkedIn</li>
	<li class="msub msub1">- WMC VIP</li>
	<li class="msub msub1">- Windsor Plaza Hotel</li>-->
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=12'); ?>">Photography</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=13'); ?>">Videography</a></li>
	<!--<li class="">Online Advertising</li>-->
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=15'); ?>">Bookings and Reservations</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=16'); ?>">Online Payments</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=17'); ?>">Social Media</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=18'); ?>">Email Marketing</a></li>
	<li class=""><a href="<?php echo JRoute::_('index.php?option=com_webteam&view=portfolio&Itemid=101&catid=19'); ?>">Content</a></li>
	
</ul>
</div>
<div id="p_nested" class="span9 wpr nested">

<?php for($i=0;$i < count($this->items); $i++) { ?>

<div class="rows">

<a href="index.php?option=com_content&view=article&id=<?php echo $this->items[$i]["id"]; ?>">
<div class="col3">
<img class="img_thumb" src="<?php echo $this->items[$i]["image"]; ?>" alt="" />
<span class="border_thumb"></span>
<div class="tt_pro"><?php  echo $this->items[$i]["name"]; ?></div>
</div>
</a>

<?php if(!empty($this->items[$i+1]["image"])):?>
<a href="index.php?option=com_content&view=article&id=<?php echo $this->items[$i+1]["id"]; ?>">
<div class="col3 col3center">
<img class="img_thumb" src="<?php echo $this->items[$i+1]["image"]; ?>" alt="" />
<span class="border_thumb"></span>
<div class="tt_pro"><?php  echo $this->items[$i+1]["name"]; ?></div>
</div>
</a>
<?php endif; ?>

<?php if(!empty($this->items[$i+2]["image"])):?>
<a href="index.php?option=com_content&view=article&id=<?php echo $this->items[$i+2]["id"]; ?>">
<div class="col3 end">
<img class="img_thumb" src="<?php echo $this->items[$i+2]["image"]; ?>" alt="" />
<span class="border_thumb"></span>
<div class="tt_pro"><?php   echo $this->items[$i+2]["name"]; ?></div>
</div>
</a>
<?php endif;?>


</div>
<?php $i += 2;} ?>

</div><!--end div.span8-->

</div>
